﻿<#import "../_layout.ftl" as layout>
${Html.s("pagetitle","预览")}
<@layout._layout>
    <style>
        .title{
            color: #8b4902;
        }
    </style>
<div class="head">
    <div class="title">
    ${pagetitle}
    </div>
</div>
    <div>
        <input type="text" class="text mylongtext" style="width: 700px" id="url" name="url" value="${url!}" />
        <button onclick="javascript:search()">跳转</button>
    </div>
    <iframe id="mainFrame" name="mainFrame" class="mainFrame"  src=""  frameborder="0" allowtransparency="true" width="100%"  scrolling="auto">
    </iframe>
    <script type="text/javascript">
        function search(){
            let url = $('#url').val();
            $('#mainFrame').attr("src",url);
            var ifm= document.getElementById("mainFrame");
            ifm.height=document.documentElement.clientHeight-$('#url').offset().top;
            ifm.width=document.documentElement.clientWidth-$('#url').offset().left;
        }
        search();
    </script>
</@layout._layout>